var $img_box = $(".img_box"),
    $box = $(".box"),
    $dot = $(".dot");

var index = 1,
    timer = null;

//节流处理
// var throttle = (fn, delay) => {
//     var flag = true;
//     return (args) => {
//         if (!flag) return;
//         flag = false;
//         setTimeout(() => {
//             fn.apply(this, args);
//             flag = true;
//         }, delay);
//     }
// };

//点击左右按钮
$(".leftBtn").click(function () {
    change(index - 1);
});

$(".rightBtn").click(function () {
    change(index + 1);
});

//圆点处理
$dot.click(function () {
    change($(this).index() + 1)
});

timer = setInterval(function(){
    change( index + 1)
},3000);

//鼠标移入停止动画，移出开始动画
// $box.hover(function(){
//     clearInterval(timer);
// },function(){
//     timer = setInterval(function(){
//         change( index + 1)
//     },3000);
// });
$box.hover(function(){
    clearInterval(timer);
},function () {
    timer = setInterval(function () {
        change( index + 1);
    },3000);
});

function change(crrIndex) {

    if (crrIndex < 1) {
        index = 5;
    } else if (crrIndex > 5) {
        index = 1;
    } else {
        index = crrIndex;
    }

    $img_box.stop(true,true).animate({
        "margin-left": crrIndex * -800
    }, 1000, function () {
        if (crrIndex > 5) {
            $img_box.css("margin-left", -800);
        } else if (crrIndex < 1) {
            $img_box.css("margin-left", -800 * 5);
        }
    });

    $dot.removeClass("active").eq(index - 1).addClass("active");
}
